body{background-color: #494a5f;}
.sec1{margin-top: 50px;}
.sec1 ul li.col-md-3{
	margin-bottom: 20px;
}
.sec1 ul li .outer{
	padding : 30px 0 40px;
	background: #f7f5ec;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.sec1 ul li .outer .pic{
	width: 130px;
	height: 130px;
	position: relative;
	display: inline-block;
	margin-bottom: 50px;
}
.sec1 ul li .outer .pic::before{
	content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.2;
    transform: scale(3);
    transition: all 0.3s linear 0s;
}
.sec1 ul li .outer .pic::after{
	content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    top: 0;
    left: 0;
}

.sec1 ul li .outer .title{
	transform:scale(1);
	transition:all .9s ease;
}
.sec1 ul li .outer .title span{
	font-size: 36px;
	font-weight: 600;
}
.sec1 ul li .outer .title span::after{
	content : "";
	display: block;
}

.sec1 ul li .outer .meun{
	background: #eb1768;
	transition: all 0.5s ease 0s;
	position: absolute;
	bottom:-100%;
	left: 0;
}
.sec1 ul li .outer .meun li{
	padding: 8px 5px;
	position: relative;
}
.sec1 ul li .outer .meun li::after{
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top:0;
	border-right:1px solid #DC143C;
}
.sec1 ul li .outer .meun li:last-of-type::after{
	display: none;
}
.sec1 ul li .outer .pic .img{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	transform:scale(1);
	transition:all .9s ease;
	position: relative;
	z-index: 2;
}

.sec1 ul li .outer .pic .img1{
	background: url('http://img.hb.aicdn.com/f71973958b44b0aa957029fb8860728bcd8ba8f197725-o3d37b_fw236') no-repeat  center center ;
	background-size: cover;
}
.sec1 ul li .outer .pic .img2{
	background: url('http://img.hb.aicdn.com/63dabc25208988964198b63c7992d8a28fb970d910017f-dDlnj9_fw236') no-repeat  center center ;
	background-size: cover;
}
.sec1 ul li .outer .pic .img3{
	background: url('http://img.hb.aicdn.com/c3ce8ed5f4bee83c20b1d6b071877ee362ed93b7319e7-eVKCJG_fw236') no-repeat  center center ;
	background-size: cover;
}
.sec1 ul li .outer .pic .img4{
	background: url('http://img.hb.aicdn.com/053d2a1da18c4151aa28da80539b8bc5d580dd8683b07-Lkr82I_fw236') no-repeat  center center ;
	background-size: cover;
}


/* hover状态 */

.sec1 ul li .outer:hover .pic .img{
	transform:scale(.7);
	box-shadow:  0 0 0 14px #f7f5ec;
}
.sec1 ul li .outer:hover .pic::before{
	height: 100%;
}
.sec1 ul li .outer:hover .meun{
	bottom: 0;
}